<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" charset="UTF-8" />
    <title>闭包陷阱</title> 
</head> 
<body>
    <button id="btn">
        Add
    </button>
<script type="text/javascript">
//    function foo(){ //由于闭包语法的存在，里面有些变量是无法回收的，在这种情况下，这种操作很多的时候，内存会越来越多
//        var el = document.getElementById('Btn')
//        el.onclick = function(){
//            console.log(el.id)
//        }
//    }

//    foo()

   function foo(){
       var el = document.getElementById('Btn')
       el.onclick = function(){
           console.log(el.id)
       }
       el = null//若是将DOM中button的节点删除之后，DOM中对document的引用消失了，把el置空之后，该函数对document的引用也消失了，这样的空间就会得以释放
   }

   foo()
</script> 
</body> 
</html>